const { form, layer } = layui;

$(function () {

    initUserInfo();

    resetForm();

    submitForm();

    // 自定义验证规则
    form.verify({
        nickname: function (value) {
            if (value.length < 4 || value.length > 10) {
                return '昵称必须为4-10个字符'
            }
        }
    });
})

// 初始化用户的信息
function initUserInfo() {
    $.get('/my/userinfo', (result) => {
        const { status, data } = result;
        if (status === 0) {
            form.val("userInfo", data);
        }
    })
}

// 重置表单
function resetForm() {
    $('#reset').click(function (e) {
        e.preventDefault();
        initUserInfo();
    });
}

// 提交表单
function submitForm() {
    form.on('submit(formDemo)', data => {
        const { id, nickname, email } = data.field;
        $.post('/my/userinfo', { id, nickname, email }, (result) => {
            const { status, message } = result;
            if (status === 0) {
                layer.msg(message);
                initUserInfo();
                // 调用父页面的方法更新信息
                window.parent.reqUserInfo();
                return;
            }
            layer.msg('修改用户信息失败');
        })
        return false;
    });
}